<template>

	<div class="popupMask">
		<div class="popupPenal">
			<div class="popPenalTitle">
				<div class="popPenalTitleName">
					修改接口
				</div>
				<div class="popupClose ensure" v-on:click="close">

					<el-button type="primary" size="mini">保存</el-button>
				</div>
				<div class="popupClose" v-on:click="close">
					<el-button size="mini">关闭</el-button>
				</div>
			</div>
			<div class="penalContent" style="padding: 0 30px;">
				<div style="padding:10px;">
					应用名称:
					<div class="inlineblock informationItem">
						<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="自动带出" disabled></el-input>

					</div>

				</div>
				<div style="padding:10px;">
					接口:
					<div class="inlineblock informationItem">
						<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="接口"></el-input>

					</div>

				</div>
				<div style="padding:10px;">
					接口描述:
					<div class="inlineblock informationItem">
						<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="接口描述"></el-input>

					</div>

				</div>
				<div style="padding:10px;">
					接口路径:
					<div class="inlineblock informationItem">
						<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="接口路径"></el-input>

					</div>

				</div>
				<div style="padding:10px;">
					控制项描述:
					<div class="inlineblock informationItem">
						<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="根据菜单或者操作向，自动带出" disabled></el-input>

					</div>

				</div>
				<div style="padding:10px;">
					类别:
					<div class="inlineblock informationItem">
						<!--<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="菜单或者操作项" v-model="leibievalue"></el-input>-->
						<el-select v-model="leibievalue" placeholder="请选择" size="mini" style="width:calc(100% - 100px);margin-left:10px;">
							<el-option v-for="item in leibie" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</el-select>
					</div>

				</div>
				<div style="padding:10px;">
					备注:
					<div class="inlineblock informationItem">
						<el-input style="width:calc(100% - 100px);margin-left:10px;" size="mini" placeholder="备注"></el-input>

					</div>

				</div>
				
			</div>
			
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				leibievalue: '',
				
				leibie: [{
						value: '选项1',
						label: '增加'
					},
					{
						value: '选项2',
						label: '修改'
					},
					{
						value: '选项3',
						label: '删除'
					},
				],
			};
		},
		methods: {
			close() {
				this.$parent.reviserInterShow = false;
			},
		}
	}
</script>

<style scoped>

</style>